<template>
	<svg :style='{width:width,height:height,fontSize:fontSize}' aria-hidden='true'
	xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512">
  <rect x="80" y="16" width="96" height="96" rx="8" ry="8" fill="currentColor" />
  <rect x="208" y="16" width="96" height="96" rx="8" ry="8" fill="currentColor" />
  <rect x="336" y="16" width="96" height="96" rx="8" ry="8" fill="currentColor" />
  <rect x="80" y="144" width="96" height="96" rx="8" ry="8" fill="currentColor" />
  <rect x="208" y="144" width="96" height="96" rx="8" ry="8" fill="currentColor" />
  <rect x="336" y="144" width="96" height="96" rx="8" ry="8" fill="currentColor" />
  <rect x="80" y="272" width="96" height="96" rx="8" ry="8" fill="currentColor" />
  <rect x="208" y="272" width="96" height="96" rx="8" ry="8" fill="currentColor" />
  <rect x="208" y="400" width="96" height="96" rx="8" ry="8" fill="currentColor" />
  <rect x="336" y="272" width="96" height="96" rx="8" ry="8" fill="currentColor" />
</svg>
</template>
<script setup lang='ts'>
const props = defineProps({
	width    : { type : String, require : false, default : '1em' },
	height   : { type : String, require : false, default : '1em' },
	fontSize : { type : String, require : false, default : 'inherit' }
});
</script>
